// 基础定义，单位，颜色
$s-font-size-root:            16px !default;
$s-font-size-root1:           20px !default;

@function pxToRem($px,$rootPx:$s-font-size-root) {
  @return (($px * 1.25) / $rootPx) * 1rem;
}

@function toRem($px,$rootPx:$s-font-size-root1){
  @return $px / $rootPx *1rem;
}

//基础色
$s-gray-light:                #eaeaea !default;//线条色
$s-gray:                      #999 !default;
$s-gray-dark:                 #666 !default;
$s-white:                     #fff !default;
$s-black:                     #000 !default;


//业务色
$s-primary:                   #ff6600 !default;
$s-success:                   #32b16c !default;
$s-info:                      #52befe !default;
$s-warning:                   #f8cb33 !default;
$s-danger:                    #ff0000 !default;

$s-body-bg:                   #f2f2f2 !default;
$s-body-color:                $s-black !default;


$s-fontFamily-cn:"Microsoft YaHei",Arial,Helvetica,sans-serif;
$s-fontFamily-en:'Helvetica Neue';
$s-fontFamily-num:'Helvetica Neue';

// lg 数字越大字体越大  sm 数字越大字体越小

$s-font-h2:toRem(32px) !default;
$s-font-h3:toRem(26px) !default;
$s-font-h4:toRem(24px) !default;
$s-font-h5:toRem(22px) !default;
$s-font-h6:toRem(20px) !default;
$s-font-h7:toRem(16px) !default;

$s-border-radius:              toRem(4px) !default;
$s-border-radius-lg:           toRem(6px) !default;
$s-border-radius-sm:           toRem(3px) !default;

$s-zIndex-header:              1050 !default;
$s-zIndex-body:                1000 !default;
$s-zIndex-footer:              1050 !default;

//公共头部高度
$s-header-height:                toRem(80px);
//$s-default-height:             toRem(50px);
$s-footer-height:              toRem(80px);
//$s-ad-height:                  toRem(100px);
//$s-img-height:                 toRem(75px);
// 面板
//$s-panel-header-height:        toRem(50px);

// 间隙
$s-space-lg:                   toRem(20px);
$s-space:                      toRem(10px);
$s-space-sm:                   toRem(6px);

// 字体图标
$s-iconFont:toRem(34px);
$s-iconFont-lg:toRem(40px);
$s-iconFont-sm:toRem(24px);









@mixin box{
  display:-moz-box;
  display:-webkit-box;
  display:box;
}
@mixin boxflex($n:1) {
  -moz-box-flex:$n;
  -webkit-box-flex:$n;
  box-flex:$n;
}

@mixin border( $color: $s-gray,$width: 1px, $shape: solid) {
  border:$width $shape $color;
}
@mixin border-top( $color: $s-gray-light,$width: 1px, $shape: solid) {
  border-top:$width $shape $color;
}
@mixin border-right( $color: $s-gray-light,$width: 1px, $shape: solid) {
  border-right:$width $shape $color;
}
@mixin border-bottom( $color: $s-gray-light,$width: 1px, $shape: solid) {
  border-bottom:$width $shape $color;
}
@mixin border-left( $color: $s-gray-light,$width: 1px, $shape: solid) {
  border-left:$width $shape $color;
}














